<!--<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="js/flexible.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/angular.min.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
		body,ul,li,h1,h2,h3,h4,p,dl,dd,dt,ol{
			margin: 0;
			padding: 0;
		}
		ul,li,ol{
			list-style: none;
		}
		a{
			text-decoration: none;
		}
		.app{
			
			background-color: #efefef;
		}
		.header{
			
			height: 1.4375rem;
			background: #ffd600;
			
			font-size: 0.5rem;
			text-align: center;
			line-height: 1.3rem;
			position: fixed;
			top: 0;
			right: 0;
			left: 0;
			z-index: 10;
		}
		.m1{
			width: 1.09rem;
			height: 2.2rem;	
		}
		.mimg{
			width: 1.09rem;
			height: 1.2rem;
			margin-top: .171875rem;
			margin-left: .171875rem;
			
		}
		.zi{
			margin-top: -2.1rem;
		}	
		.mimgj{
			width: .521857rem;
			height: .50625rem;
			
		}
		.m2{
			width: 1.25rem;
			height: 1.375rem;	
			float: right;
			margin-top: -1.3rem;
		}
		.mimgk{
			width: 1.25rem;
			height: 1.3rem;
			
		}
		.section{
			
			height: 12.75rem;
			position: absolute;
			top: 1.4375rem;
			bottom: 0rem;
			left: 0;
			right: 0;
			/*overflow-y: scroll;*/
		}
		.footer{
			height: 1.578125rem;
			background: #f2f2f2;
			color:#fff;
			font-size: 0.5rem;
			text-align: center;
			line-height: 1.3rem;
			position: fixed;
			bottom: 0;
			right: 0;
			left: 0;
			display: flex;
			flex-wrap: wrap;
			
		}
		.footer div{
			margin-top: .1rem;
			width: 1.96875rem;
			height: 0.765625rem;
			justify-content:center;
			display: flex;
		}
		.footer div img{
			height: .753125rem;
		}
		.footer div span{
			color: gray;
			font-size: 0.375rem;
			position: absolute;
			/*margin-left: -.35rem;*/
			top: .5rem;
			
		}
		.tionz{
			float: left;
			width: 2.575rem;
			height: 14.765625rem;
			background-color: #f8f8f8;
			position: absolute;
			top: 0rem;
			bottom: 0rem;
			left: 0;
			right: 0;
			overflow-y: scroll;
		}
		.tionz div{
			
			width: 2.570rem;
			height: 1.3125rem;
			margin-left: -0.1rem;
			
			/*border: solid 1px darkgray;*/
		}
		.tionz div img{
			
			height: 1.09375rem;
			margin-top: 0.1875rem;
		}
		.tionz div span{
			font-size: 0.40625rem;
			margin-left: 0.46875rem;
			color: #909090;
			position: absolute;
			top: .4rem;
			
		}
		.tionz div .img{
			float: right;
			position: absolute;
			top: 1.25rem;
			right: 0rem;
		}
		.tionz div font{
			position: relative;
			height: 1.3125rem;
			line-height: 1.3125rem;
			margin-left: 0.46875rem;
			font-size: 0.40625rem;
			color: #909090;
		}
		.tiony{
			
			width: 7.4rem;
			height: 15.75rem;
			/*background-color: burlywood;*/
			margin-left: -0.1srem;
			position: absolute;
			top: 0rem;
			bottom: 0rem;
			right: 0;
			overflow-y: scroll;
		}
		.tiony div{
			height: 1.28125rem;
			
		}
		.tiony div ul{
			margin-left: 0.390625rem;
			margin-top: 0.046875rem;
		}
		.tiony div ul li{
			width: 2.1875rem;
			height: 1.28125rem;
			line-height: 1.28125rem;
			float: left;
			text-align: center;
			font-size: 0.40625rem;
			color: #909090;
			/*font-weight: bold;*/
			
		}
		.tiony .different{
			height: 2.8125rem;
			position: relative;
			/*background-color: burlywood;*/
			/*display: flex;
			 align-items:center; */
		}
		.different img{
			margin-top: 0.40625rem;
			margin-left: 0.734375rem;
		}
		.different p{
			float: right;
			margin-right: 1.63125rem;
			margin-top: 0.25rem;
			font-size: 0.40625rem;
			color: #64696f;
		}
		.different a img{
			height: .684375rem;
			float: right;
			margin-right: 1.63125rem;
			margin-top: -1.60625rem;
		}
		.different .span{
			float: right;
			margin-right: 3.80125rem;
			margin-top: -.90625rem;
			font-size: 0.3125rem;
			color: #c0c0c0;
		}
		.different font{
			margin-left: .8rem;
			position: absolute;
			top: 1.95375rem;
			font-size: 0.3125rem;
			color: #ff3800;
		}
		</style>
	</head>
	<body>
		<div class="app">
			<div class="header">
				<div class="m1">
					<img class="mimg" src="img/123.png" />	
				</div>
				<div class="zi">济远路附近&nbsp;<img class="mimgj" src="img/jiao.png"/></div>
				<div class="m2"><img class="mimgk" src="img/7.png"/></div>
			</div>
			
			
			
			<div class="footer">
				<div>
					<img src="img/home.png" />
				</div>
				<div>
					<img src="img/foudre.png" />
				</div>
				<div>
					<img src="img/1.png" />
				</div>
				<div>
					<img src="img/shop.png" />
				</div>
				<div><img src="img/my.png" /></div>
				<div><span>首页</span></div>
				<div><span>闪送超市</span></div>
				<div><span>新鲜预定</span></div>
				<div><span>购物车</span></div>
				<div><span>我的</span></div>
			</div>
		</div>
	</body>
</html>-->
